<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>
        物流添加
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/index.css">

</head>
<body>

<div class="layui-card">
    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">

        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <form class="layui-form layui-form-pane" action="">
                    <div class="layui-form-item">
                        <label class="layui-form-label">
                            <span class='x-red'>*</span>物流企业名称
                        </label>
                        <div class="layui-input-block">
                            <input type="text" name="companyName" id="companyName" style="width: 100%;height: 36px">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">
                            <span class='x-red'>*</span>联系人姓名
                        </label>
                        <div class="layui-input-block">
                            <input type="text" name="contactName" id="contactName" style="width: 100%;height: 36px">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">
                            <span class='x-red'>*</span>联系人电话
                        </label>
                        <div class="layui-input-block">
                            <input type="text" name="contactPhone" id="contactPhone" style="width: 100%;height: 36px">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">
                            <span class='x-red'>*</span>ID
                        </label>
                        <div class="layui-input-block">
                            <input type="text" name="id" id="id" style="width: 100%;height: 36px">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <input class="layui-btn" value="保存" type="button" id="bu1">

                    </div>
                </form>
                <div style="height:100px;"></div>
            </div>

        </div>
    </div>
</div>
<script src="lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="js/index.js"></script>
<script>
    layui.use(['element', 'layer', 'form'], function () {
        $ = layui.jquery;//jquery
        //lement = layui.element();//面包导航
        //layer = layui.layer;//弹出层
        //form = layui.form()
        okLoading.close($);


        //监听提交
        form.on('submit(*)', function (data) {
            var name = $("input[name=name]").val();
            if (name == "") {
                layer.msg("名称不能为空！", {icon: 5, time: 2000});
                return false;
            }
            var data = data.field;
            $.ajax({
                type: "post",
                url: "",
                data: data,
                dataType: "json",
                success: function (data) {
                    if (data.status == 1) {
                        layer.msg(data.info, {icon: 1, time: 1000});
                        setTimeout(function () {
                            window.parent.location.reload();
                            var index = parent.layer.getFrameIndex(window.name);
                            parent.layer.close(index);
                        }, 1000);
                        return false;
                    } else {
                        layer.msg(data.info, {icon: 5, time: 2000});
                        return false;
                    }
                }
            });
            return false;
        });

    })
</script>
<script>
    document.getElementById("bu1").onclick = function () {
        var list = {
            "companyName": document.getElementById("companyName").value,

            "contactName": document.getElementById("contactName").value,

            "contactPhone": document.getElementById("contactPhone").value,

            "id": document.getElementById("id").value,

        };
        console.log(list);
        var lists = JSON.stringify(list);
        $.ajax({
            type: 'post',
            // 如果使用这种url写法，则不需要再写在data中
            // url: '/test/getGoodsInfoByStatus?status=' + 1,

            url: 'http://localhost:5500/company/updateCompany',
            data: lists,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                console.log(data);
                alert("添加成功");

            }, error: function (e) {//响应不成功时返回的函数
                console.log(e, 'error');
                alert("错误");
            }
        });

    };
</script>


</body>
</html>